<template>
	<div class="main">
		<p>使用表单</p>
		<el-button type="primary" size="default" @click="visible = true">弹窗</el-button>

		<!-- width="500px" -->
		<super-form
			title="编辑"
			:visible="visible"
			@changeVisible="flag => (visible = flag)"
			:render-form-item="renderFormItem"
		/>
	</div>
</template>

<script>
	// import { superForm } from "@/components"
	import { renderFormItem } from './config'

	export default {
		// components: {
		//   superForm
		// },
		data() {
			return {
				key: 'value',
				visible: false,
				renderFormItem: renderFormItem
			}
		},
		methods: {
			name() {},
			changeVisible(flag) {
				console.log(flag)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.main {
		height: 10000px;
	}
</style>
